<template>
  <el-breadcrumb separator="/">
    <el-breadcrumb-item :to="v.path" v-for="(v,i) in list" :key="i">{{v.meta.title}}</el-breadcrumb-item>
  </el-breadcrumb>
</template>
<script>
export default {
  data() {
    return {
      list: [],
    };
  },
  methods: {},
  created() {
    this.list = this.$route.matched
    console.log(this.$route);
  },
  watch: {
    $route(to, from) {
      console.log(to);
      let matched = to.matched;
      this.list = matched;
    },
  },
};
</script>
<style scoped>
</style>